<!--
 * @Author: HeAo
 * @Date: 2021-12-28 10:45:36
 * @LastEditTime: 2021-12-28 11:13:36
 * @LastEditors: HeAo
 * @Description: 
 * @FilePath: \study\day03\5-axios.html
 * 别乱动！
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
  <script>
    let url = 'https://api.muxiaoguo.cn/api/163reping'
    // axios()该方法调用的结果，生成一个promise实例（实例每部的状态已经定死）
    // axios({
    //   method: 'get',
    //   url
    // }).then((res) => {
    //   console.log(res.data.data);
    // }).catch((err) => {
    //   console.log(err);
    // })

    // 使用axios发送一个post请求
    // axios({
    //   method: 'post',
    //   url: 'https://api.muxiaoguo.cn/api/tianqi',
    //   // params是将参数拼接到url后面
    //   // data是将参数封装到请求体中
    //   params: {
    //     type: 1,
    //     city: '柳州'
    //   }
    // }).then((res) => {
    //   console.log(res.data.data);
    // })

    // 使用axios发送post请求，参数封装到请求体中
    axios({
      method: 'post',
      url: 'http://121.199.29.84:8001/user/login',
      data: {
        username: 'admin1',
        password: '123321'
      }
    }).then((res) => {
      console.log(res.data.data);
    })
  </script>
</head>

<body>

</body>

</html>